<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用样式表</title>
		<style>
			/* css注释方式 */
			/* css部分：   选择器：抓取页面元素，元素增加效果 
			               选择器{
							   属性:属性值;……
							   
						   }
			
			*/
		   p{
			   width:400px;
		       height:400px;
			   background:#d3faf6;   /*16进制色值*/
		       }
		</style>
	</head>
	<body>
		<!-- ①内联样式表  叫做行内样式表 【开发不用：没有真正实现内联样式表】
		 语法：前标记 style="属性：属性值；属性 属性值；....."-->
		<div style="width: 300px; height: 300px; background: skyblue;"></div>
			<!-- 内部样式表【开发不用  练习专用】
			  html部分：在 head元素中  添加style元素
			  css部分  在style元素中  添加css样式-->
			  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, fuga ducimus possimus nam obcaecati recusandae soluta, id odio molestias sequi porro minus perspiciatis nisi nesciunt ad voluptates tenetur dignissimos harum!</p>
	</body>
</html>